<template>
  <div class="app">
    <!--1.高评价-->
    <room-area :area-data="highScore"></room-area>
  </div>
</template>

<script setup>
  import RoomArea from "./components/RoomArea.vue";
  import {ref} from "vue";
  // // 1.获取数据
  // import highScore from './data/high_score.json'
  // console.log("highScore:",highScore)

  // 2.模拟网络请求数据
  const highScore = ref({})
  setTimeout(() => {
    import("./data/high_score.json").then(res => {
      highScore.value = res.default
      console.log("highScore:",highScore)
    })
  }, 1500);
</script>

<style lang="scss" scoped>
  .app{
    width: 1032px;
    padding: 40px;
    margin: 0 auto;
  }
</style>
